<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>大秦5G</title>
	<style type="text/css">
		[v-cloak] {
			display: none;
		}

		body {
			background-color: #F8F8F8;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<!-- <section class="g-header" :style="{backgroundColor: slide.color[slide.p.index],height:headerHeight}">
		
	</section> -->
		<section class="g-slide"
			:class="{bg0:slide.p.index==0,bg1:slide.p.index==1,bg2:slide.p.index==2,bg3:slide.p.index==3,bg4:slide.p.index==4,bg5:slide.p.index==5}"
			:style="{paddingTop:headerHeight}">
			<div class="m-slider-box" :style="{height:slide.h}">
				<div class="m-slider-wrapper" :style="slide.style" @touchstart="slideStart" @touchmove="slideMove"
					@touchend="slideEnd">
					<div class="slider"
						@click="slideJump('http://km.m10027.com/topscreen/WXSKsolicitude0515.html','800','抗击疫情，关怀套餐')">
						<img class="imgItem" :src="slide.imgUrl[0]"></div>
					<div class="slider"
						@click="slideJump('http://km.m10027.com/topscreen/MarkGiving0325.html','800','抗击疫情，关怀套餐')">
						<img class="imgItem" :src="slide.imgUrl[1]"></div>
					<!-- <div class="slider"
						@click="slideJump('https://kmsdk.m10027.com:446/topscreen/WXSKsolicitude.html','800','心系疫情-共同抗疫')">
						<img class="imgItem" :src="slide.imgUrl[2]"></div> -->
					<!-- <div class="slider"
						@click="slideJump('http://km.m10027.com/topscreen/kmMarkGiving0328.html','800','心系疫情-共同抗疫')">
						<img class="imgItem" :src="slide.imgUrl[2]"></div> -->
					<div class="slider"><img class="imgItem" :src="slide.imgUrl[2]"></div>
					<div class="slider"><img class="imgItem" :src="slide.imgUrl[3]"></div>

					<div class="slider"
						@click="slideJump('http://km.m10027.com/topscreen/wuxianshikong0429.html','800','心系疫情-共同抗疫')">
						<img class="imgItem" :src="slide.imgUrl[4]"></div>
				</div>
				<div class="m-slider-pagination">
					<span v-for="i in 6" :class="{active:slide.p.index==(i-1)}"></span>
				</div>
			</div>
		</section>
		<!--实时咨询-->
		<section class="g-notice f-mt clr" @click="jumpMessage()">
			<div class="fl"></div>
			<div class="rt">
				<ul class="m-message" v-if="messageList.length"
					:style="{transform:'translate3d(0,'+(-50*off.scrollIndex)+'px,0)'}">
					<li v-for="item in messageList"><span v-html="item.info"></span></li>
				</ul>
				<ul class="m-message diagram" v-if="!messageList.length" :class="{active:off.load}">
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</section>

		<section class="f-mt" @click="jumpBuyBag">
			<img style="display: block;width: 100%;" src="~@/assets/img/banner/home_pic_julian.jpg" alt="">
		</section>

		<section class="g-hot-like f-mt">
			<!--权益专区-->
			<div class="rt">
				<div class="m-hd-tag quanyi"></div>
				<ul class="m-phone col-2" v-if="quanyiList.length" @click="jumpSearch('quanyi')">
					<li v-for="(item,index) in quanyiList">
						<div class="content">
							<div class="num"><i
									:class="{pretty:item.pretty==1}"></i><em>{{ phoneFormat(item.phoneNum) }}</em></div>
							<div class="sub">
								<span class="lt purple"></span>
								<span class="rt"><span
										class="bgRed white">{{ quanyiTypeFanYi(item.quanyiType) }}</span></span>
							</div>
						</div>
					</li>
				</ul>
				<dl class="m-number-tombstone col-2" v-if="!quanyiList.length">
					<dd v-for="i in 4">
						<div></div>
					</dd>
				</dl>
			</div>
		</section>

		<section class="f-mt" @click="jumpYuantel">
			<img style="display: block;width: 100%;" src="~@/assets/img/banner/home_pic_yuantel.jpg" alt="">
		</section>

		<section class="g-hot-like f-mt">
			<!--热门推荐-->
			<div class="lt">
				<div class="m-hd-tag hot"></div>
				<ul class="m-phone col-1" v-if="hotList.length" @click="jumpSearch(3)">
					<li v-for="(item,index) in hotList">
						<div class="content">
							<div class="num"><i
									:class="{pretty:item.pretty==1}"></i><em>{{ phoneFormat(item.phoneNum) }}</em></div>
							<div class="sub">
								<span class="lt purple">{{ item.cityName }}</span>
								<span class="rt yellow">￥{{ parseInt(item.faceMoney)/100 }}</span>
							</div>
						</div>
					</li>
				</ul>
				<dl class="m-number-tombstone col-1" v-if="!hotList.length">
					<dd v-for="i in 3">
						<div></div>
					</dd>
				</dl>
			</div>
			<!--抢购专区-->
			<div class="rt">
				<div class="m-hd-tag act"></div>
				<ul class="m-phone col-1" v-if="phoneActList.length" @click="jumpSearch(10)">
					<li v-for="(item,index) in phoneActList">
						<div class="content">
							<div class="num"><i :class="setPhoneTag(item)"></i><em>{{ phoneFormat(item.phoneNum) }}</em>
							</div>
							<div class="sub">
								<span class="lt purple">{{ item.cityName }}</span>
								<span class="rt yellow"
									v-if="item.belongType == 2 || item.belongType == 3">{{ parseInt(item.initialMoney)/100 }}卡</span>
								<span class="rt yellow" v-else>{{ parseInt(item.faceMoney)/100 }}元</span>
							</div>
						</div>
					</li>
				</ul>
				<dl class="m-number-tombstone col-1" v-if="!phoneActList.length">
					<dd v-for="i in 3">
						<div></div>
					</dd>
				</dl>
			</div>
		</section>

	</div>
	<!-- CDN加载Vue库 -->
	<script src="https://cdn.bootcss.com/vue/2.1.5/vue.min.js" type="text/javascript"></script>
</body>

</html>